@import url("animation.css" );
@import url("font.css" );
html{width: 100%;font-size: 50px;}
body{font-size:14px; background:#fff; font-family:"思源黑体","微软雅黑" ,"宋体",Helvetica, sans-serif;color: #333;width: 100%;}
*{ padding:0; margin: 0; border: 0;zoom:1;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,form,input,textarea,p,th,td,tr,table,tbody,thead,tfoot,em,strong,span
{padding:0;margin:0;}
/*h1,h2,h3,h4,h5,h6{font-weight: 400;}*/
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;max-width: 100%;max-height: 100%;}
a,a:hover{text-decoration:none !important;color: #1758a3;}
a:focus{outline:none}

a{color: #333;transition: all .4s;}
ul{padding:0;margin:0; list-style:none;}
li{padding:0;margin:0;white-space:nowrap;  text-overflow:ellipsis; }

.test{border:#000 solid 1px; overflow:hidden;}
.m-center{display: flex;justify-content: center;align-items: center;}
.width-100,section,header,footer{width: 100%;overflow: hidden;position: relative;margin: 0 auto;min-width: 1220px;}
.width-1220{width: 1220px;overflow: hidden;position: relative;margin: 0 auto;}
.width-50{width: 50%;overflow: hidden;position: relative;float: left;}
.a-background{background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 0;
 display: block; transition: all .5s;}
.m-slh{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.m-dhslh{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;width: 100%;}
.border-bottom{border-bottom: 1px solid #efefef;}
.m-hidden{overflow: hidden;}
.font-big{font-size: 110%;}
.font-s{font-size: 90%;}
.col-000{color: #000;}
.col-fff{color: #fff;}
.col-red{color: #e72427 !important;}
.col-82b23d{color: #82b23d !important;}
.img-box{width: 100%;height: 0;display: block;position: relative;overflow: hidden;}
.img-box>img{position: absolute;width: 100%; height:100%;left: 50%;top:50%; transform: translate(-50%,-50%);transition: transform 1s;    max-height: none;}
.bg-fff{background: #fff;}
.bg-252526{background: #1758a3;}
.bg-f0{background: #f0f0f0 !important;padding-bottom: 35px;}
.text-center{text-align: center;}
.bg-1758a3 {background:#1758a3;}

/*header*/
.index_header{
  box-shadow: 0 1px 10px rgba(0,0,0,.15);background: #fff;
}
.header_hover{
  height: 70px;
}
#logo2{
  display: none;
}

.logo2{
 display: none;
}


.header_hover:hover{
  box-shadow: 0 1px 10px rgba(0,0,0,.15);background: #fff;
}
.header_hover .nav>li>a{color:#fff;}
.header_hover:hover .nav>li>a{color:#969696;}
.header_hover:hover .logo1{display: block;}
.header_hover:hover .logo2{display: none;}

header{overflow:visible;height: 60px;z-index: 1000;font-size: 16px;padding: 0 70px;display: flex;transition: all .5s;
align-items: center;justify-content: space-between;position:fixed;top:0;}

.headeractive{
  /*position: absolute;
  -webkit-animation:headeractive 1s;*/
 transform: translateY(-100%);
 box-shadow: none;
}
@keyframes headeractive
{
  from {opacity: 0;top:-100%;}
  to {opacity: 1;top:0%;}
}
.logo{width: 3.25rem;flex-shrink: 0;z-index: 10;}
.nav{width: 765px;}
.nav>li{display: table-cell;width: 1%;text-align: center;position: static;}
.nav>li>a{color: #969696;position: relative;line-height: 60px;
height: 60px;padding: 0;display: inline-block;cursor: pointer;}
.nav>li>a:after{content:'';position: absolute;width:0%; height: 4px;
background: #1758a3;left: 0;bottom: 0;transition: all .3s;}
.nav>li:hover>a,.nav>li.hover>a{background: none;color: #000;}
.nav>li:hover>a:after,.nav>li.hover>a:after{width: 100%;}
.lang{line-height: 24px;flex-shrink: 0;font-size: 14px;}
.lang>a{display: inline-block;padding: 0 11px;border-radius: 12px;color: #969696;}
.lang>a:hover,.lang>a.hover{background: #e72427;color: #fff;}


/*新导航下拉样式*/
.menu-box{position: absolute;width:100%;left: 0;display: none;text-align: left;box-shadow: 0 2px 2px rgba(0,0,0,.1);
background: #fff;
scrollbar-arrow-color: #fff; /*三角箭头的颜色*/
scrollbar-face-color: #fff; /*立体滚动条的颜色（包括箭头部分的背景色）*/
scrollbar-3dlight-color: #fff; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #fff; /*滚动条的高亮颜色（左阴影？）*/
scrollbar-shadow-color: #fff; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #fff; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: #fff; /*立体滚动条背景颜色*/
scrollbar-base-color:#f00; /*滚动条的基色*/}


.menu-box::-webkit-scrollbar {/*滚动条整体样式*/
        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.menu-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 2px;
        background: #eee;
    }
.menu-box::-webkit-scrollbar-track {/*滚动条里面轨道*/
        border-radius: 10px;
        background: #fff;
    }

.menu-1{display: flex;padding: 1.2rem 0 1.8rem;}
.menu-2{width: 25%;padding-left: .6rem;border-left: 1px solid #dcdcdc;flex-shrink: 0;
color: #111111;}
.menu-3{font-size: 14px;line-height: 30px;padding-bottom: 55px;}
.menu-8>p{font-size: 16px;margin: 0 0 15px;line-height: 1.5;background-size: .48rem; cursor: pointer;}
.menu-3 a{color: #969696;border-bottom: 1px solid #fff;}
.menu-3 a:hover,.menu-3 a.hover{color: #1758a3;border-color: #1758a3;}
.menu-2>.menu-3:last-child,.menu-4>.menu-5:last-child,.menu-7>.menu-8:last-child{padding: 0;}
.menu-4{width: 20%;border-left: 1px solid #dcdcdc;flex-shrink: 0;font-size: 16px;text-align: center;}
.menu-left{border: none;padding: 0;}
.menu-5{display: block;padding-bottom: 96px;}
.menu-6{position: relative;width: 70px;height: 70px;margin: 0 auto 15px;}
.menu-6>.img{position: absolute;left: 0;top:0;right: 0;bottom: 0;opacity: 0; transition: all .3s;}
.menu-5:hover,.menu-5.hover{color: #1758a3;}
.menu-5:hover .img,.menu-5.hover .img{opacity: 1;}
.menu-7{width: 20%;border-left: 1px solid #dcdcdc;flex-shrink: 0;padding-left: 30px;}
.menu-8{display: block;color: #111;}
.menu-8:hover,.menu-8.hover,.menu-10>a:hover,.menu-10>a.hover{}{color: #e72427;}
.menu-8:hover img,.menu-8.hover img{opacity: 1;-webkit-filter: grayscale(0); filter: none;}
.menu-box-1{width: 180px;left: 50%;transform: translateX(65%);}
.menu-9{margin: .6rem auto .0rem 0rem;width:100%; text-align: center;}
.menu-10{font-size: 16px;line-height: 1;}
.menu-10>a{padding-bottom: 30px;display: block;}
.menu-box-jrwm{transform: translateX(-50%);}



.menu-11{font-size: 14px;color: #969696;line-height: 22px;margin-top: 60px;
display: flex;justify-content: space-between;}
.menu-11>h4{margin: 0;font-size: 20px;color: #dcdcdc;font-weight: 600;}

.cp-fh{position: absolute;left: 50%;bottom: 40px;font-size: 30px;
margin-left: -15px;color: #999;cursor: pointer;}
.cp-fh:hover{color: #777;}

/*6-4新增修改案例下拉菜单*/
.menu-anli{width: 260px;left: 50%;transform: translateX(-65%); height: 452px;overflow: hidden;}
.menu-anli .menu-15{padding: 0 35px 0 70px;width: 100%;display: block;height: auto;overflow: hidden;}
.menu-anli .menu-15>.menu-7{width: 100%;}
.menu-13.hover{color: #e72427;}
.scroll_main{width: 255px;height: 402px;overflow: hidden;position: relative;margin: 25px 5px 25px 0;border: none;}
.scroll_wrap{height: 100%;}
.scroll_wrap .scroll_cont p{padding: 0;}
.scroll_wrap .scroll_slider{background: rgba(0,0,0,.3);height: 200px;}
.menu-anli1 .swiper-scrollbar{background: #fff;}
.scroll_wrap .scroll_bar{transition: opacity .3s;background: #fff;}

/*移动端导航*/
.phone-nav{position: fixed;left: 0;    background: url(/images/nav-xian.png) repeat-x top #fff;width: 100%;
font-size: .6rem;overflow-y: auto;transition: all .6s;height: 0;z-index: 1000;line-height: 2rem; top: 50px;}
.phone-nav>li{display: block;width: 95.4%;border-bottom: 1px solid #e6e6e6;margin-left: 4.6%;}
.phone-nav>li>a{display: block;background: url(../images/j-1.png) no-repeat 98% center;
background-size: auto 30%;color: #969696;}
.phone-nav>li>a.hover,.phone-nav>li>a:hover{color: #111111;}
.phone-nav>li>a.active{transform: translateX(-50%);}
.phone-nav-1{height: 100%;background: #fff;z-index: 2;transition: transform .6s,opacity .2s;opacity: 0;
overflow-y: auto;position: fixed;top:50px;left: 0;width: 100%;transform: translateX(100%);}
.phone-nav-1.active{transform: translateX(0);opacity: 1;}
.phone-nav-1.active a{background-image: none;}
.phone-nav-1>a{display: block;background: url(../images/j-1.png) no-repeat 98% center;
background-size: auto 30%;border-bottom: 1px solid #e6e6e6;margin-left: 4.6%;color: #969696;}

.phone-nav-1>a:hover,.phone-nav-1>a.hover{color: #e72427;}
/*.fanhui{background: url(../images/fh-bg.png) repeat-x;padding-left: 4.6%;color: #000;font-weight: 600;}*/
.fanhui{background: #eee;padding-left: 4.6%;color: #000;font-weight: 600;}
.fanhui>img{width: .8rem;padding-right: 10px;}
.fanhui>span{padding-right:5px;font-size: 20px;margin-top: 1px;color: #999;}
.phone-nav-1.active a.phone-nav-znqc,
.phone-nav-1.active a.phone-nav-xxaq,
.phone-nav-1.active a.phone-nav-zhaf
{background-image:url(../images/j-1.png);border: none;transition: background 0s}
.phone-nav-1.active a.phone-nav-znqc:hover,
.phone-nav-1.active a.phone-nav-xxaq:hover,
.phone-nav-1.active a.phone-nav-zhaf:hover
{color: #969696;}
.phone-nav-1.active a.phone-nav-znqc.hover,
.phone-nav-1.active a.phone-nav-xxaq.hover,
.phone-nav-1.active a.phone-nav-zhaf.hover
{background-image:url(../images/j-3-znqc.png);color: #1758a3;}
.phone-nav-znqc-box,
.phone-nav-xxaq-box,
.phone-nav-zhaf-box
  {margin-left: 4.6%;padding-left: 4.6%;/*border-bottom: 1px solid #ddd;*/padding-bottom: .2rem;display: none;}
.phone-nav-znqc-box>a,
.phone-nav-xxaq-box>a,
.phone-nav-zhaf-box>a
{display: list-item;font-size: 90%;line-height: 2.5;color: #969696;}

.fanhui2{background: url(../images/fh-bg.png) repeat-x;padding-left: 4.6%;color: #000;font-weight: 600;}
.fanhui2>img{width: .8rem;padding-right: 10px;}
/*手机三级*/
.phone-nav-2{height: 100%;background: #fff;z-index:3;transition: transform .6s,opacity .2s;opacity: 1;
overflow-y: auto;position: fixed;top:0;left: 0;width: 100%;transform: translateX(100%);}
.phone-nav-2.active{transform: translateX(0);opacity: 1;}
.phone-nav-2>a{display: block;background: url(../images/j-1.png) no-repeat 98% center;
background-size: auto 30%;border-bottom: 1px solid #e6e6e6;margin-left: 4.6%;color: #969696;}
.phone-nav-2>a:hover,.phone-nav-2>a.hover{background-image: url(../images/j-3.png);
background-position-x: 98%;color: #e72427;}



/*交互按钮*/
.btn-ljgd{width:180px;height: 50px;background: rgba(231,36,39,.7);display: inline-block;position: relative;
font-size: 18px;color: #fff;line-height:50px;border-radius: 25px;padding-left: 42px;text-align: left;}
.btn-ljgd:hover{background: rgba(231,36,39,1);color: #fff;}
.btn-ljgd>span{background: url(../images/djt-1.png) no-repeat 30% center;overflow: hidden;background-size: .3rem auto;
display: inline-block;width: 28px; height: 28px;position: absolute;right: 25px;top:50%;margin-top:-14px;
transition: background-position .3s;}
.btn-ljgd>span:after{content: '';position: absolute;width: 100%;height: 100%;border:1px solid #fff; display: none;
border-radius: 50%;border-left-color: transparent;transition: all .3s}
.btn-ljgd:hover>span{background-position-x: right;}
.btn-ljgd:hover>span:after{border-top-color: transparent;transform: rotate(135deg);}
.btn-ljgd2{background: none;border: 1px solid #1758a3;color: #1758a3;}
.btn-ljgd2>span{background-image: url(../images/djt-2.png);}
.btn-ljgd2:hover>span{background-image: url(../images/djt-2-w.png);}
.btn-ljgd2>span:after{border-color: #e7282b;border-left-color: transparent;}
.btn-ljgd2:hover{background: #1758a3;color: #fff;}

.btn-ljgd3{background: none;border: 1px solid #FFF;color: #FFF;}
.btn-ljgd3:hover{background: none;color: #FFF;box-shadow: 0 0 0 1px #FFF;}
.btn-ljgd3>span{background-image: url(../images/djt-3.png);}
.btn-ljgd3>span:after{border-color: #FFF;border-left-color: transparent;}

.btn-ljgd4{background: url(../images/btn-bg1.png) no-repeat center;background-size: 100% 100%;}
.btn-ljgd4:hover{background-image:url(../images/btn-bg2.png) ;}
/*10.24*/
.btn-ljgd5 {
  width: 198px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 25px;
  position: relative;
  font-size: 18px;
  color:rgba(255, 255, 255, .6);
  line-height: 50px;
  border-radius: 25px;
  padding-left: 28px;
  text-align: left;
}

.btn-ljgd5:hover {
  color: #fff;
  opacity: 1;
  border: 2px solid #fff;
  cursor: pointer;
}

.btn-ljgd5:hover>span {
  opacity: 1;
}

.btn-ljgd5>span {
  background: url(../images/icon_video.png) no-repeat 30% center;
  overflow: hidden;
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -14px;
  transition: background-position .3s;
  opacity: .6;
  background-size: 100% 100%;
}

.btn-ljgd5>span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

/*footer*/
footer{font-size: 18px;color: #fff;}
.footer-ba{font-size: 13px;padding: .4rem 0; background: #155399;text-align: center;color:#dcdcdc;}
.footer-ba span{display: inline-block;padding-right: 10px;}
.footer-ba .footer-ba1{padding-right: 1rem;}
.footer-1{max-width: 820px;padding: 1.6rem 0;overflow: visible;}
.footer-2{background: #2e2e2f;height: 2.8em;line-height:2.8em;border-radius: 1.4em;padding: 0 1.5rem;display: flex;justify-content: space-between;}
.footer-2>a{color: #969696;}
.footer-2>a:hover{color: #e72427;}
.footer-3{text-align: left;padding: 0 10px;overflow: hidden;margin-bottom: .7rem;}
.footer-3>span{color: #dcdcdc;}
.footer-3>i{font-style: normal;color: #dcdcdc;}
.footer-4{padding-top: 1.6rem;display: flex;align-items: center;justify-content: center;}
.footer-5{width: .7rem;height: .7rem;overflow: hidden;margin: 0 .5rem;}
.footer-5>img{width: 100%;max-height: none;transform: translateY(-50%);transition: all .5s;}
.footer-5:hover>img{transform: translateY(0);}
.footer-logo{margin-right: .5rem;}
.modal-xsm{width: 200px;margin: 50px auto;}
.to-top{width: .96rem;height: .96rem;position: fixed;right: 40px;bottom: 40px;z-index: 90;transition: all .5s;
background: rgba(68,68,68,.1);border-radius: 50%;cursor: pointer;display: none;}
.to-top>.m-center{width: 100%;height: 100%;}
.to-top:hover{background: rgba(68,68,68,.3);}
.footer-6{width: .7rem;height: .7rem;overflow: hidden;margin: 0 .5rem;}
.footer-6:hover{cursor: pointer;}
.footer-6>img{width: 100%;max-height: none;transform: translateY(-50%);transition: all .5s;}
.footer-6_hover img{width: 100%;max-height: none;transform: translateY(0);transition: all .5s;}
.wxbox{
  width: 100px;
  height: 105px;
  /*background-image: url(../images/rwmbg.png);*/
  background-repeat: no-repeat;
  background-size: 100% 100%;
      padding: 8px 0px 0px 0px;
  position: absolute;
  margin-top: 20PX;
  transform: translate3d(-35%,-59%,0);
  z-index: 10;
}
.wxbox img{width:100%;}






.banner-page .swiper-pagination-bullet{width: .8rem; height: .06rem;border-radius: 0;
 background: #fff;margin: 0 .3rem !important;}
.banner-page{bottom: 1.2rem !important;line-height:.06rem;height: .06rem;}


.banner:hover .m-prev{background-position-y: bottom;}
.banner:hover .m-next{background-position-y: bottom;}

.addtime_type {
  overflow: hidden;
  padding-top:.8rem;
}
.addtime_type p{
  float:left;
}
.news_type{
    float: right;
    background: #707070;
    color: #fff;
    padding: .05rem .2rem;
  }

.new-4>.text:hover .news_type{
    background: #e72427;
  }






.delay-1{animation-delay: .1s !important;}
.delay-2{animation-delay: .2s !important;}
.delay-3{animation-delay: .3s !important;}
.delay-4{animation-delay: .4s !important;}
.delay-5{animation-delay: .5s !important;}
.delay-6{animation-delay: .6s !important;}
.delay-7{animation-delay: .7s !important;}
.delay-8{animation-delay: .8s !important;}
.delay-9{animation-delay: .9s !important;}
.delay-10{animation-delay: 1s !important;}
.index-2 .swiper-slide-active .wo{animation: fadeInUp 1s backwards .5s;}

/*内页banner*/
.nr-banner{height: 400px;overflow: hidden; color: #fff;font-size: .4rem; background-position:center bottom }
.nr-banner .width-1220{display:flex;align-items: center;justify-content: center;height: 100%;
flex-direction: column;}
.nr-banner .width-1220 p{width:525px;}
.nr-banner h1{font-size: 1rem;margin: 0 0 .4rem;}
.nr-banner p{line-height: 36px;}

/*二级页面导航*/
.nr-nav{height: 1.4rem;line-height: 1.4rem;font-size: 16px;color: #969696;overflow: visible;z-index: 2;}
.nr-nav-left{float: left;font-size: 22px;color: #111;}
.nr-nav-right{float: right;}
.nav-right-1{float: left;}
.right-nav-1{float: left;}
.right-nav-1>a,.nr-nav-xl{position: relative;margin: 0 .5rem;display: inline-block;color: #969696;}
.right-nav-1>a:after,.nr-nav-right1 a:after{content: '';width: 0;height: 3px;background: #e72427;position: absolute;
left: 0;bottom: 0px;transition: all .3s;}
.nav-right-2{float: left;}
.right-nav-1>a:hover,.right-nav-1>a.hover,.nr-nav-xl>div>a:hover,.nr-nav-xl>div>a.hover,
.nr-nav-right1 a.hover,.nr-nav-right1 a:hover{color: #e72427;}
.nr-nav-right1 a.hover{color: #e72427 !important;}
.right-nav-1>a:hover:after,.right-nav-1>a.hover:after,.nr-nav-right1 a.hover:after,.nr-nav-right1 a:hover:after{width: 100%;}
.nr-nav-xl{background: url(../images/jt-6.jpg) no-repeat right center;padding-right: 20px;cursor: pointer;}
.nr-nav-xl>div{position: absolute;background: #fff;text-align: center;line-height: 2;padding:10px 20px;
border-radius: 5px;border: 1px solid #efefef;display: none;white-space: nowrap;left: 50%;transform: translateX(-50%);}
.nr-nav-xl>div>a{color: #969696;display: block;}
.nr-nav-xl:hover,.nr-nav-xl.hover{color: #111;}
.nr-nav-right1{float: right;}
.nr-nav-right1>li{float: left;padding:0 .5rem;}
.nr-nav-right1>li>a{position: relative;display: inline-block;cursor: pointer;}
.nr-nav-right1>li:last-child{padding-right: 0;}
.nrnav-box{background: #fff;border:none;}
.nrnav-box.active{position:fixed;z-index: 10;border-bottom: 1px solid #ccc;}











/*分页*/
.page{text-align: center;}
.page>a{width: .8rem;height: .8rem;background: #f3f3f3;display: inline-block;font-size: 16px;color:#cecece;
line-height: .8rem;border-radius: 50%;opacity: .6;margin: 0 .25rem;vertical-align:middle}
.page>a.hover,.page>a:hover{opacity: 1;color: #111;}
.page .news-page{background: none;
  height: 1rem;
    width: 1rem;
    display: inline-block;
    top: 50%;
    left: 50%;
    position: relative;
    transform:translate(-50%,-50%);
}
.page .current{
  width: .8rem;
    height: .8rem;
    background: #dedede;
    display: inline-block;
    color:#707070;
    font-size: 16px;
    line-height: .8rem;
    border-radius: 50%;
    opacity: .6;
    margin: 0 .1rem;
    vertical-align: middle;
}
.page>a:first-child{margin-right:.6rem;}
.page>a:last-child{margin-left:.6rem; }
.m-prev,.m-next{width: 1.4rem; height: 1.4rem;background: url(../images/prev.png); background-size:100%;left: 3.5%;transform: translateY(-50%);margin: 0;}
.m-next{background-image: url(../images/next.png);right: 3.5%;left: auto;}
/*申请试用*/
textarea::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #dcdcdc;
     }
.sqsy{background: #fff;padding: 1rem 1.8rem;font-size: .32rem;line-height: 1.75;color: #969696;}
.form-title{font-size: .56rem;text-align: center;color: #191919;margin: 0 0 1.2rem;font-weight: normal;}
.m-form1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-form2{width: 46.17%;flex-shrink: 0;margin-bottom: .56rem;}
.m-form2 input,.m-form2 textarea{display: block;width: 100%;font-size: 125%;color: #000;
border-radius: .2rem;line-height: 1;padding: .22rem .5rem;border: 1px solid #dcdcdc;}
.m-form2 input:focus,.m-form2 textarea:focus{border-color: #E72427;
box-shadow: 0 0 1px 1px rgba(231,36,39,.5);outline:none;}
.m-form2 label{font-weight: 400;}
.m-form2 label>span{font-size: 80%;color: #E72427;padding-right: .1rem;}
.m-form2 textarea{padding: .4rem .5rem; height:auto ;font-size: 14px;line-height: 1.5;}
.m-form3{display: flex;width: 100%;justify-content: space-between;align-items: flex-end;
margin-top: .5rem;font-size: 112.5%;}
.m-form3 .btn{padding:.3rem 2.4rem;font-size: 111%;background-color: #E72427;border: none;border-radius: .2rem;}
.m-form3 .btn:hover{background-color: #ef4345;}
.formcode label{width:100%;}
.formcode input{width:58.5%;float:left;}
.formcode img{height:47px;float:left;border:1px solid #cccccc;margin-left:.5rem;}

.sqsy-text{border-top: 1px solid #E72427;margin-top: 1.2rem;padding-top: 1.2rem;overflow: hidden;}
.sqsy-text span{padding-right: .25rem;color:#e72427;}
.sqsy-text h2{font-size: .48rem;color: #191919;margin: 0 0 .4rem;font-weight: normal;}
.sqsy-left{padding-right: 70px;}
.sqsy-right{padding-left: 40px;}
.sqsy-text1{display: flex;justify-content: space-between;}
.sqsy-text1>div{width: 45%;}
.sqsy-text1>div>h4{font-size: 18px;color: #E72427;font-weight: 500;margin-top: .1rem;}


.wxopen{
	display: none;
	background-color:rgba(0, 0, 0, 0.8);
	height:100%;
	width:100%;
	position: fixed;
	z-index: 10000;
}
.wxopen img{
	width: 72%;
	margin-top: 3rem;
	margin-left: 3rem;
}


@media only screen and (max-width:768px) {
  .form-title {
    font-size: .86rem;
}
  .formcode input{width:40%;}
  .formcode img {
    height: 1.5rem;margin-left:.7rem;
  }
  .index-1 p{
    font-size: /*.52rem*/11px;
  }
  .to-top {
    width: 36px;
    height: 36px;
    right: 20px;
    bottom: 20px;}
.foot_email{display:block;padding-left: 0px;}
.to-top>.m-center{width: 50%;height: 50%;    margin-top: 25%;margin-left: 25%;}
  #logo1{
    display: none;
  }
  #logo2{
    display: block;
  }
  .header_hover {
    height: 50px;
    background-color: #fff;
}
.width-100,section,header,footer,.width-1220{min-width: 1px;width: 100%;}
.width-50{width: 100%;}
.hidden-xs{display: none !important;}
.visible-xs{display: block !important;}
.navbar-toggle{display: block;border: none;background: none;margin: 0;flex-shrink: 0;padding: 9px 3px;}
.navbar-toggle .icon-bar{background: #111;width: 20px;height:2px;border-radius: 0;}
/*.navbar-toggle .icon-bar + .icon-bar{margin-top: .18rem;}*/
header{height: 50px;padding: 3px 14px;position: fixed;left: 0;top:0;}
.logo{width: auto;height: 43px;}
.navbar-toggle.active{}
.navbar-toggle>span{transform-origin:0 50%;transition: all .3s;}
.navbar-toggle.active>.bar-1{transform: rotateZ(45deg) translateY(-2px)}
.navbar-toggle.active>.bar-3{transform: rotateZ(-45deg) translateY(2px)}
.navbar-toggle.active>.bar-2{opacity: 0;}
.nr-banner .width-1220 p{
    width: auto;
    font-size: 14px;
    line-height: 24px;
}

.btn-ljgd,.btn-ljgd5{width:max-content;font-size: .6rem;height:2.5em;line-height:2.5;
border-radius: 1.2em;padding-left:.5rem;padding-right:1.6rem ;}
.btn-ljgd>span,.btn-ljgd5>span{width: .7rem; height: .7rem;margin-top: -.35rem;background-size: .4rem; right: 15px;}
.btn-ljgd5>span{background-size: .7rem;}

.wxbox{
  display: none;
  width: 60px;
  height: 64px;
  margin-top: 38PX;
  padding: 4px 0px 0px 0px;
  transform: translate3d(-34%,-91%,0);
}

.nav{display: none;}



/*footer*/
/*.footer-1 {
    padding: 50px 0;justify-content: flex-start;margin: 92px 0 0;
}
footer{padding: 0 .5rem;font-size:.44rem;}
.footer-ba span{display: block;padding: 0;text-align: left;font-size:.4rem;}
.footer-2{padding:0;position: absolute;bottom:76%;left: 0;width: 100%;}
.footer-2>a{color: #707070;padding: 0 .42rem 0 0;font-size:.44rem;line-height:1.2rem; }
.footer-3{padding: 0;}
.footer-3>span.pull-right{float: none !important;padding-left: 3.8em;display: block;}
.footer-logo{height: 1rem;}
.footer-5,.footer-6{width: 1rem; height: 1rem;}*/
footer{padding: 0;font-size: .48rem;}
footer>div {
  padding: 0.5rem !important
}
.footer-ba span{display: block;padding: 0;text-align: left;line-height: 1.75}
.footer-2{padding: 0;background: none;border-top: 1px solid #2e2e2f;border-bottom: 1px solid #2e2e2f;border-radius: 0;
font-size: .44rem;height: 1.6rem;}
.footer-3{padding: 0;margin-bottom: 0.5rem;}
.footer-3>span.pull-right{float: none !important;padding-left: 0em !important;display: block;margin-top: .6rem;}
.footer-logo img{width:150px;}
.footer-5,.footer-6{width: 1rem; height: 1rem;}
.footer-2>a{display: block;width: auto;}
.footer-ba{font-size: 12px; background: #155399}
.footer-4 {position: relative;}
/*.footer-4 .footer-logo {display: none}*/
/*.footer-4 #wxbox2 {
  position: absolute;
  right: 20px;
  top: -100px;
  overflow: visible;
}
.footer-6 img {
  transform: translateY(0);
}
.footer-6 .wxbox {
  display: block !important;
}
.footer-6 .wxbox img {
  margin-top: -18px;
  max-height: none;
}*/




.banner{height: auto;}
.banner-1{flex-wrap: wrap;flex-direction: column-reverse;padding: 19.6% 10% 30%;align-items: flex-start;}
.banner-left{width: 85%;padding:20% 0 0 0;}
.banner-right{width: 100%;text-align: center;}
.banner-img1{margin: .8rem 0 1.2rem;}
.index-3{height: auto;}
.index-3>.a-background{height: 0;padding-bottom: 86.67%;}




.index-3>.text{opacity: 1;}

.index-7>.index-6{padding: 0;}
.index-8{position: relative;padding: 10% 20%;}
.index-12>.h3{font-size: .7rem;}
.index-12{position: relative;padding-bottom: 3.6rem;}
.index-14{padding: 0;background-size: 19.6% auto;border:1px solid #dcdcdc;border-top: none;}
.index-page2{width: 100% !important;left: 0 !important;text-align: left;}
.img-box.index-11:after{top:auto;left: 50%;right:auto;bottom:0;transform:rotate(180deg) translateX(50%);
width: 28px;height: 10px;
background-image: url(../images/sj.png); }
.index-new{margin: 0 5%;width: 90%;}
.index-16{font-size: .45rem;padding: .3rem 0;background: none;align-items: center;}
.index-19{font-size: .5rem;padding: 0;line-height: 1.5;}
.index-19>.m-dhslh{display: -webkit-box;text-overflow: clip;white-space:  normal;}
.index-20,.index-22{width: 100%;float: none;}
.index-20{padding: 0 3%;}
.index-22{padding: 1rem 18%;text-align: center;}
.index-21{margin: 3.085%;}



/*内页banner*/
.nr-banner{height: 0;padding-bottom:70.667%;}
.nr-banner>.width-1220{position: absolute;padding:10px 10%}

.nr-nav{height: auto;line-height: 2.5;}
.nr-nav-left{float: none;text-align: center;line-height: 1.2;padding: .5rem;font-size: .7rem;}
.nr-nav-right,.nr-nav-right1{float: none;font-size: .52rem;}
.right-nav-1>a, .nr-nav-xl{margin: 0 .4rem;padding-bottom: 5px;}
.right-nav-1>a:hover{color: #969696;}
.right-nav-1>a:hover:after{width: 0;}
.nav-right-2{float: right;padding-right: 10px;}
.page>a{font-size: .5rem;width:1rem;height: 1rem;line-height: 1rem;}
.nr-nav-right1{width: 100%;}
.nr-nav-right1>li{display: table-cell;width: 1%;padding: 0;float: none;text-align: center;}
.nr-nav-right1>li>a{padding-bottom: 5px;}
.nr-nav-left{}
#nr-nav a:hover{color: #111;}
#nr-nav a:hover:after{width: 0;}
#nr-nav a.hover:after{width: 100% !important;}
.nr-nav-right, .nr-nav-right1 {
    float: none;
    font-size: .44rem;
}
.sqsy{padding: 1.6rem .7rem 1.4rem;font-size: .44rem;}
.m-form2{width: 100%;}
.m-form2 input,.m-form2 textarea{font-size: .52rem;padding: .4rem .6rem;}
.m-form2 textarea{font-size: .4rem;}
.m-form3{flex-wrap: wrap;align-items: center;justify-content: center;}
.m-form3 .btn{width: 100%; margin-bottom: .8rem;}
.sqsy-left,.sqsy-right{padding: 0;}
.sqsy-right{border-top: 1px solid #dcdcdc;padding-top: .76rem;margin-top: .76rem;}
.sqsy-text h2{font-size: .72rem;}
.sqsy-text1>div>h4{font-size: .52rem;}


/*10-31 lwp*/
/*.btn-ljgd5{width: auto;height: auto;font-size: .6rem;}*/


}


.next{
	-webkit-animation: next 1s 1s ease-in-out infinite;
}
@-webkit-keyframes next {
	0% { -webkit-transform: translateY(0); }
	50% { -webkit-transform: translateY(-10px);  }
	100% { -webkit-transform: translateY(0); }
}

/*产品菜单改*/
.menulist{float:left;font-size:16px;color:#707070;width:230px;height:280px;overflow:hidden;border-right: 1px solid #ececec;padding:8px 0px;}
.menulist p{
    line-height: 20px;
    padding-left: 40px;
    margin: 24px 0px;
    cursor: pointer;
    }
.menulist p:hover{border-right:2px solid #1758a3;color:#1758a3;}
.menu4{display: none;float:left;margin-left:40px;margin-top:28px;}
.menu5{
  bottom: 0px;
  position: absolute;
  transform: translate(0,35%);
  margin-left: 40px;
  left: 230px;
}
.menu5 span{padding-left: .1rem;color: #969696;}
.menu5 p a{color: #e72427; border-bottom: 1px solid #e72427;}
/*.menu5 p a:link{color: #e72427;text-decoration: underline;}*/
/*.menu5 p:hover a{color: #e72427;text-decoration: underline !important;}*/
/*.menu5 p a:visited{color: #e72427;text-decoration: underline;}*/

.menulist .hover{border-right:2px solid #1758a3;color:#1758a3;}
.menulistbox{display: flex;width:630px; height:280px;display: none;left: 50%;
    transform: translateX(-44.5%);}
.hxjs-con-item .width-50 img{width:100%; height:auto;}



/*2019-2-22修改导航菜单样式*/
.menu-12{display: none;margin-bottom: 15px;}
.menu-zhcs{color: #707070;font-weight: 500;padding-bottom: 3px;cursor: pointer;transition: color .3s}
.menu-zhcs span,.menu-13 .mui-icon{float: right;font-size: 20px;position: relative;top:5px;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.menu4{width: 316px;overflow: hidden;}
.menu-zhcs.hover{color: #e72427;}
.menu-zhcs.hover span,.menu-13.hover span{transform: rotate(90deg);}
.menu-13 .mui-icon{top:3px;}
.menu-14{padding-left: 1em;display: none;}

.menu-14 a{display: flex;font-size: 16px;color: #969696;
line-height: 1.5;margin-bottom: 15px;}
.menu-14 a>.img{width: 24px;height: 24px;overflow: hidden;flex-shrink: 0;position: relative;margin-right: 15px;}
.menu-14 a>.img>img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.menu-14 a>.img>img:last-child{opacity: 0;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.menu-14 a:hover>.img>img:last-child{opacity: 1;}
.menu-14 a:hover{color: #e72427;}
.menu-15{display: flex;padding: 56px 100px 50px;height: 100%;}
.menu-15>.menu-7{width: 50%;flex-shrink: 0;height: 100%;overflow: hidden;position: relative;}


.footer_ks {
   max-width: inherit;
  padding-bottom: 60px;
  justify-content: space-between;
  display: flex;
  color:#fff;
  line-height: 2
}
.footer_left {
  /*float:left;*/
  width: 270px;
}
.footer_line {
  width: 1px;
  height: 158px;
  opacity: .3;
  background: #fff;
  margin-top: 88px;
}
.footer_mid {
  /*float:left;*/
  width: 590px;
  padding-top: 0;
  align-items: inherit;
  display: inline-block;
}
#wxbox2 {
/*  width: 35px;
  height: 35px;
  display: block;
  margin: 50px 0 30px 10px*/
}
.font12 {
  font-size: 13px;
}
.footer_ks .titlebox {
  font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #fff;
}
.footer-icon-address {
  background: url(../images/icon_position.png);
  background-size: 100%; 
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
}
.footer-icon-tel {
  background: url(../images/icon_tel.png);
  background-size: 100%; 
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
}
.footer-icon-mail {
  background: url(../images/icon_mail.png);
  background-size: 100%; 
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
}
.footer-icon-download {
  background: url(../images/icon_download.png);
  background-size: 100%; 
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
}
.product_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  padding:80px 0;
}
.product_content.graybg {
  background: #f9fbfd ;
  border-bottom: 1px solid #e6e6e6
}
.product_content_width {
  width: 1220px;
}
.product_content_title {
  font-size: 24px;
  color: #181818;
  letter-spacing: 0;
  align-items: center;
  display: flex;
  margin-bottom: 50px;
}
.product_content_title .bor {
    background: #0e57a2;
    width: 3px;
    height: 18px;
    margin-right: 15px;
}
.product_content_items {
  justify-content: space-between;
  display: flex;
}
.product_content_items .item {
  font-size: 16px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
}
.product_content_items .item img {
  width: 580px;
  height: 360px;
  margin-bottom: 20px;
  display: block;
}
.product_content_items .box {
  font-size: 16px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
  border: 1px solid #1758a3;
  width: 30%;
  height: 260px
}
.product_content_items .box h2 {
  height: 160px;
  line-height: 160px;
  font-size: 18px;
}
.product_content_items .box h3 {
  height: 100px;
  font-size: 16px;
}
.product_tabel td,
.product_tabel th {
  border:1px solid #ccc;
  padding: 0.25rem 0.4rem;
  text-align: left;
  font-size: 14px;
}
.casemain {
  display: flex;
  justify-content: space-between;
}
.casemain .nr-banner {
  width: 49%;
  height: 300px;
}
.casemain .nr-banner>div {
  display: flex;
  align-items: center;
  height: 100%
}
.casemain .nr-banner h1 {
  font-size: 0.6rem;
  text-align: center;
  width: 100%;
  margin: 0;
}
.index_main_tech {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 58px;
  border-bottom: 1px solid #EAEAEA; 
}
.index_main_tech .left_text {
    width: calc(100% - 678px);
    display: inline-block;
}
.index_main_tech .left_text h3 {
      color: #1758a3;
      font-size: 30px;
      margin: 36px 0 16px;
      font-weight: bold; }
    .index_main_tech .left_text p {
      font-size: 16px;
      color: #333333;}
    .index_main_tech .left_text .list {
      width: 100%;
      line-height: 30px;
      margin-top: 32px; }
      .index_main_tech .left_text .list li {
        position: relative;
        padding-left: 16px;
        margin-bottom: 1em;
        white-space: normal
      }
        .index_main_tech .left_text .list li span {
          width: 6px;
          height: 6px;
          position: absolute;
          background: #1C87FE;
          left: 0;
          top: 12px;
          border-radius: 100px;
          margin-right: 10px; }
.index_main_tech .right_pic {
    margin-top: 40px;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.3);
}
.index_main_tech .right_pic img {
  border-radius: 10px;
}
.icon_body,
.icon_abnormal,
.icon_videolist,
.icon_verify,
.icon_aicloud,
.icon_ewm,
.icon_object  {
  display: inline-block;
  width:45px;
  height: 45px;
  border-radius: 50%; 
  margin-right: 16px; 
  background: #1758a3 url(../images/icon_body.png) no-repeat center;
  background-size:65% ;
  margin-top: 4px;
}
.icon_abnormal {
  background: #1758a3 url(../images/icon_abnormal.png) no-repeat center;
  background-size:65% ;
}
.icon_videolist {
  background: #1758a3 url(../images/icon_videolist.png) no-repeat center;
  background-size:65% ;
}
.icon_verify {
  background: #1758a3 url(../images/icon_verify.png) no-repeat center;
  background-size:65% ;
}
.icon_aicloud {
  background: #1758a3 url(../images/icon_aicloud.png) no-repeat center;
  background-size:65% ;
}
.icon_ewm {
  background: #1758a3 url(../images/icon_ewm.png) no-repeat center;
  background-size:65% ;
  margin: 8px 0 0 0
}
.icon_object  {
  background: #1758a3 url(../images/icon_object.png) no-repeat center;
  background-size:65% ;
}
.header_ewm {
  position: relative;
}
.header_ewm .wxbox {
  opacity: 0;
  transition: all 0.2s;
  top: 100px;
  left: 10px
}
.header_ewm:hover .wxbox {
  opacity: 1;
  top: 90px;
}
.ceointro {
  background: #313035;
}
.ceointro_left {
  float:left;
  color:#fff;
  padding-top: 2em;
}
.ceointro_left h1 {
  font-size: 32px;
}
.ceointro_left h2 {
  font-size: 24px;
}
#stroad {
  background: url(../images/photo-1478361000558-6f397482ffbd.jpg) no-repeat center;
  background-size:cover; 
  min-height: 700px;
}
#stmap {
  min-height: 600px;
  background: url(../images/map.jpg) no-repeat center;
  background-size: cover; 
  border:0
}
#headerHeight {
  height: 60px;
}
#techmidleft {
  position: absolute;
  right: 0
}

@media only screen and (max-width:768px) {
  .index_main_tech {
    display: block;
    position: relative;
    border: 0;
    margin-bottom: 20px
  }
  .index_main_tech .left_text {
    display: block;
    width:auto;
    position: absolute;
    bottom: 9px;
    text-align: center;
    width: 90%;
  }
  .index_main_tech .left_text h3 {
    font-size: 16px;
    color:#333;
    font-weight: normal;
  }
  .index_main_tech .left_text .list {
    display: none
  }
  .index_main_tech .right_pic {
    margin-top: 0;
    box-shadow: none;
    padding-bottom: 2.5rem;
    border: 1px solid #EAEAEA;
    background: #f8f8f8
  }
  .index_main_tech .right_pic img {
    border-radius: 0px;
  }
  #stroad,
  #stmap {
    min-height: 380px
  }
  #headerHeight {
    height: 50px;
  }
  #techmidleft {
    right:inherit;
  }
  .casemain {
    display: block;
  }
  .nr-banner {
    padding-bottom: 66.7%
  }
  .casemain .nr-banner {
    width:90%;
    margin: 0 auto 20px;
    padding-bottom: 0;
    height: 150px;
  }
  .casemain .nr-banner:last-child {
    margin-bottom: 0
  }
}